<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    @@include('meta.html')
    <link rel="stylesheet" href="css/idangerous.swiper.css">
</head>
<body>
    @@include('header.html')
	<div class="swiper-container swiper-parent">
        <div class="pagination pagination-parent"></div>
        <div class="swiper-wrapper indexBox">
          <div class="swiper-slide first-slide">
            <div class="firstBox">
              <span class="title">portex，数字货币的港口</span>
              <span class="tip">专业的数字资产交易平台，快速，安全，高效；<br>为职业机构和专业人士提供优质的数字资产交易服务，如BTC、BCH、ETH、LTH等；</span>
              <div class="btnBox">
                  <a href="#" class="fl loginBtn">立刻登录</a>
                  <a href="#" class="fl buyCenterBtn">交易行情中心</a>
              </div>
            </div>
          </div>
          <div class="swiper-slide second-slide"> Slide 6 </div>
          <div class="swiper-slide pink-slide"> Slide 7 </div>
          <div class="swiper-slide blue-slide"> Slide 8 </div>
        </div>
        <div class="swiper-container quickViewBox">
            <div class="swiper-wrapper">
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorDown">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
              <div class="swiper-slide">
                <span class="db font20">LTC/EUR <span class="colorUp">+2.65%</span></span>
                <span class="db font24">242.15 <span class="color5c">EUR</span></span>
                <span class="db font18 color5c">Volum: <span class="colorff">20,601</span>BTC</span>
              </div>
            </div>
        </div>
    </div>

    <div class="">
        <div class="clearfix coinsTabs">
          <ul class="fl clearfix textC tabDisplay">
            <li class="tabLi"><span class="tabItem on">BTC</span></li>
            <li class="tabLi"><span class="tabItem">BTC</span></li>
            <li class="tabLi"><span class="tabItem">BTC</span></li>
            <li class="tabLi"><span class="tabItem"><img src="images/icon/collectIcon.png" class="collect" /></span></li>
          </ul>
          <div class="fr searchCoins">
              <input type="text" placeholder="搜索币种" value="" class="search-input">
              <img src="images/icon/search.png" alt="" class="searchBar">
          </div>
        </div>
        <div>
            <table class="board-table">
                <thead>
                    <tr>
                        <th>币种<img src="images/icon/tableIco1.png" class="sortIcon" /></th>
                        <th>最新价<img src="images/icon/tableIco1.png" class="sortIcon" /></th>
                        <th>涨跌幅<img src="images/icon/tableIco1.png" class="sortIcon" /></th>
                        <th>最高</th>
                        <th>最低</th>
                        <th>走势图</th>
                        <th>交易量<img src="images/icon/tableIco1.png" class="sortIcon" /></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>
                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
                        </td>
                        <td>
                            <span>0.074713<span class="color99">≈¥3074.59</span></span>
                        </td>
                        <td class="">
                            <span class="colorUp">+2.37%</span>
                        </td>
                        <td>
                            <span>0.076413</span>
                        </td>
                        <td>
                            <span>0.072613</span>
                        </td>
                        <td>
                            <img src="images/tradeUp.png" alt="">
                        </td>
                        <td>
                            <span>38912.412</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
                        </td>
                        <td>
                            <span>0.074713<span class="color99">≈¥3074.59</span></span>
                        </td>
                        <td>
                            <span class="colorDown">-2.37%</span>
                        </td>
                        <td>
                            <span>0.076413</span>
                        </td>
                        <td>
                            <span>0.072613</span>
                        </td>
                        <td>
                            <img src="images/tradeDown.png" alt="">
                        </td>
                        <td>
                            <span>38912.412</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
                        </td>
                        <td>
                            <span>0.074713<span class="color99">≈¥3074.59</span></span>
                        </td>
                        <td>
                            <span class="colorDown">-2.37%</span>
                        </td>
                        <td>
                            <span>0.076413</span>
                        </td>
                        <td>
                            <span>0.072613</span>
                        </td>
                        <td>
                            <img src="images/tradeDown.png" alt="">
                        </td>
                        <td>
                            <span>38912.412</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
                        </td>
                        <td>
                            <span>0.074713<span class="color99">≈¥3074.59</span></span>
                        </td>
                        <td>
                            <span class="colorDown">-2.37%</span>
                        </td>
                        <td>
                            <span>0.076413</span>
                        </td>
                        <td>
                            <span>0.072613</span>
                        </td>
                        <td>
                            <img src="images/tradeDown.png" alt="">
                        </td>
                        <td>
                            <span>38912.412</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
                        </td>
                        <td>
                            <span>0.074713<span class="color99">≈¥3074.59</span></span>
                        </td>
                        <td>
                            <span class="colorDown">-2.37%</span>
                        </td>
                        <td>
                            <span>0.076413</span>
                        </td>
                        <td>
                            <span>0.072613</span>
                        </td>
                        <td>
                            <img src="images/tradeDown.png" alt="">
                        </td>
                        <td>
                            <span>38912.412</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
                        </td>
                        <td>
                            <span>0.074713<span class="color99">≈¥3074.59</span></span>
                        </td>
                        <td>
                            <span class="colorDown">-2.37%</span>
                        </td>
                        <td>
                            <span>0.076413</span>
                        </td>
                        <td>
                            <span>0.072613</span>
                        </td>
                        <td>
                            <img src="images/tradeDown.png" alt="">
                        </td>
                        <td>
                            <span>38912.412</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
                        </td>
                        <td>
                            <span>0.074713<span class="color99">≈¥3074.59</span></span>
                        </td>
                        <td>
                            <span class="colorDown">-2.37%</span>
                        </td>
                        <td>
                            <span>0.076413</span>
                        </td>
                        <td>
                            <span>0.072613</span>
                        </td>
                        <td>
                            <img src="images/tradeDown.png" alt="">
                        </td>
                        <td>
                            <span>38912.412</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <span><img src="images/icon/collectIcon_plain.png" class="collect" />ETH/BTC</span>
                        </td>
                        <td>
                            <span>0.074713<span class="color99">≈¥3074.59</span></span>
                        </td>
                        <td>
                            <span class="colorDown">-2.37%</span>
                        </td>
                        <td>
                            <span>0.076413</span>
                        </td>
                        <td>
                            <span>0.072613</span>
                        </td>
                        <td>
                            <img src="images/tradeDown.png" alt="">
                        </td>
                        <td>
                            <span>38912.412</span>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div class="clearfix findCionBox">
        <div class="fl textBox">
            <img src="images/findcionText.png" class="findcionText" alt="">
            <div class="text">
                <span class="title">发掘，最具价值的数字货币</span>
                <span class="desc">发掘各种优质的最具价值的数字货币，为职业机构和专业人士提供优质的数字资产交易服务</span>
            </div>
        </div>
        <img src="images/findcionImg.png" class="fr findcionImg" alt="">
    </div>
    <div class="clearfix safeBox">
        <img src="images/safeImg.png" class="fl safeImg" alt="">
        <div class="fr textBox">
            <img src="images/safeTitle.png" class="safeText" alt="">
            <div class="text">
                <span class="title">安全可靠，保护您的财产安全</span>
                <span class="desc">强大的分布式服务器部署和多重安全防御安全可靠<br> 让您资产无忧</span>
            </div>
        </div>
    </div>
    <div class="convenientBox">
        <img src="images/convenientText.png" class="convenientText" alt="">
        <span class="title">多语种、多服务器支持，无论您在任何时间，任何地点</span>
    </div>
    <div class="major_quick_highEfficiency">
        <img class="enImg" src="images/major_quick_highEfficiency.png" alt="">
        <span class="title">专业、快捷、高效</span>
        <div class="clearfix majorWrapper">
            <img class="fl majorBox" src="images/majorBox.png" alt="">
            <img class="fl quickBox" src="images/quickBox.png" alt="">
            <img class="fl highEfficiencyBox" src="images/highEfficiencyBox.png" alt="">
        </div>
    </div>
    <div class="noticsBox">
        <div class="topLine"></div>
        <div class="clearfix infoBox">
            <div class="fl officialInfoBox font20">
                <div class="clearfix">
                    <div class="fl font30">官方公告</div>
                    <a href="#" class="fr db marT20 color88">查看更多</a>
                </div>
                <ul class="officialInfoList">
                    <li>
                        <div class="clearfix">
                            <span class="title fl">钱包地址进行高度升级通知</span>
                            <span class="time fr">2018 06/07</span>
                        </div>
                        <span class="desc">由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币</span>
                    </li>
                    <li>
                        <div class="clearfix">
                            <span class="title fl">钱包地址进行高度升级通知</span>
                            <span class="time fr">2018 06/07</span>
                        </div>
                        <span class="desc">由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币</span>
                    </li>
                    <li>
                        <div class="clearfix">
                            <span class="title fl">钱包地址进行高度升级通知</span>
                            <span class="time fr">2018 06/07</span>
                        </div>
                        <span class="desc">由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币</span>
                    </li>
                </ul>
            </div>
            <span class="fl timeLine"></span>
            <div class="fl infoCenterBox font20">
                <div class="clearfix">
                    <div class="fl font30">官方公告</div>
                    <a href="#" class="fr db marT20 color88">查看更多</a>
                </div>
                <ul class="infoCenterList">
                    <li>
                        <div class="clearfix">
                            <span class="title fl">钱包地址进行高度升级通知</span>
                            <span class="time fr">2018 06/07</span>
                        </div>
                        <span class="desc">由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币</span>
                    </li>
                    <li>
                        <div class="clearfix">
                            <span class="title fl">钱包地址进行高度升级通知</span>
                            <span class="time fr">2018 06/07</span>
                        </div>
                        <span class="desc">由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币</span>
                    </li>
                    <li>
                        <div class="clearfix">
                            <span class="title fl">钱包地址进行高度升级通知</span>
                            <span class="time fr">2018 06/07</span>
                        </div>
                        <span class="desc">由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币由于以太坊拥堵，导致部分用户充提币到账不及时，Coinnex交易平台将于今明两天对代币钱包地址进行高度升级。届时将会同步充提币</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="downloadBox">
        <div class="downloadWrapper">
            <img src="images/downloadPhone.png" class="downloadPhone" alt="">
            <div class="downloadText">
                <img src="images/downText.png" alt="" class="downText" />
                <div class="text">
                    <span class="title">多平台终端接入</span>
                    <span class="desc">支持iOS、Android手机端，和Windows、Mac网页终端，<br> 随时交易，行情尽在掌握</span>
                </div>
                <div class="clearfix downloadBtn">
                    <a href="#" class="appleBtn marR20"></a>
                    <a href="#" class="androidBtn"></a>
                </div>
            </div>
        </div>
    </div>
    <div class="index_login_box">
        <div class="topLine"></div>
        <span class="title">优质的交易平台，来自全球<span class="userNum">58925</span>位用户的共同选择</span>
        <div class="clearfix btnBox">
            <a href="#" class="registerBtn marR20">注册</a>
            <a href="#" class="loginBtn">登录</a>
        </div>
    </div>
    
    <div class="u-footer">
      <div class="footerBox clearfix">
        <div class="fl">
          <img src="images/logo.png" alt="">
          <div class="socialBox">
            <a href="#" class="socialLink">
                <img src="images/icon/qq_white.png" alt="" />
            </a>
            <a href="#" class="socialLink">
                <img src="images/icon/wechat_white.png" alt="" />
            </a>
            <a href="#" class="socialLink">
                <img src="images/icon/zfj_white.png" alt="" />
            </a>
          </div>
        </div>
        <div class="fr clearfix">
            <div class="aboutUs">
              <span class="title">关于我们</span>
              <a href="#" class="link">关于PORTEX</a>
              <a href="#" class="link">服务协议</a>
              <a href="#" class="link">免责声明</a>
            </div>
            <div class="helpCenter">
              <span class="title">下载支持</span>
              <a href="#" class="link">APP下载</a>
              <a href="#" class="link">API文档</a>
            </div>
            <div class="service">
              <span class="title">客户服务</span>
              <a href="#" class="link">使用教程</a>
              <a href="#" class="link">常见问题</a>
              <a href="#" class="link">交易费率</a>
            </div>
            <div class="contact">
              <span class="title">联系我们</span>
              <a href="#" class="link">加入我们</a>
              <a href="#" class="link">上币申请</a>
              <a href="#" class="link">联系客服</a>
            </div>
        </div>
      </div>
      <div class="support">
        <span class="db marT10 textC">portex network technolony limited© 2018 www.portex.io | All rig</span>
      </div>
    </div>

    @@include('footer-js.html')
    <script type="text/javascript" src="./js/idangerous.swiper.min.js"></script>
    <script>
      var swiperParent = new Swiper('.swiper-parent',{
        mode: 'vertical',
        pagination: '.pagination-parent',
        paginationClickable: true,
        //loop: true,
        slidesPerView: 1,
        //mousewheelControl: true
      })
      // var swiperNested1 = new Swiper('.swiper-nested',{
      //   pagination: '.pagination-nested',
      //   paginationClickable: true,
      //   slidesPerView: 1
      // })

      var mySwiper = new Swiper('.quickViewBox',{
        paginationClickable: true,
        slidesPerView: 8,
        freeMode: true,
        freeModeFluid: true
      })
    </script>
</body>
</html>
